<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="template-head.jsp" />
<jsp:include page="template-body.jsp" />
<div class="container">
<jsp:include page="errors.jsp"/>
<div class="hero-unit">
<div id="surveypage">
	<h2 align = "left">Create a new survey.</h2>
	<div class="span6" style="text-align:left">
	<ul id="tab" class="nav nav-tabs">
		<li class="active">
		<a href="#first" data-toggle="tab">First Step</a>
		</li>
	<li class>
		<a href="#non-network" data-toggle="tab">Non-Network Type questions</a>
	</li>
	<li class>
		<a href="#network" data-toggle="tab">Network Type questions</a>
	</li>
	</ul>
	</div>
	<div id="myTabContent" class="tab-content">
	<div class="tab-pane fade" id="non-network" style="text-align:left">
	<div class = "span3">
	<div class="hero-unit" style="background-color:#888;border:none;text-align:left">
		<p>Non-Network Type Questions</p>
		<form id="createsurveyform" method="post" action="createsurvey.do">
			<div class="row">
			<div id="binarybutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Binary"><br/><br/>
			</div>
			</div>
			<div id="numericbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Numeric"><br/><br/>
			</div>
			</div>
			<div id="openendedbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Open Ended"><br/><br/>
			</div>
			</div>
			<div id="likertbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Likert"><br/><br/>
			</div>
			</div>
			<div id="multiplechoicebutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Multiple Choice"><br/><br/>
			</div>
			</div>
			<div id="multipleselectionbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Multiple Selection"><br/><br/>
			</div>
			</div>
			<div id="rankorderbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Rank Order"><br/><br/>
			</div>
			</div>
			<div id="continuousbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Continuous"><br/><br/>
			</div>
			</div>
			</div>
		</form>
	</div>
	</div>
	</div>
	<div class="tab-pane fade" id="network" style="text-align:left">
	<div class = "span3">
	<div class="hero-unit" style="background-color:#888;border:none;text-align:left">
		<p>Network Type Questions</p>
		<form id="createsurveyform" method="post" action="createsurvey.do">
			<div class="row">
			<div id="networkbinarybutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Binary List"><br/><br/>
			</div>
			</div>
			<div id="networkopenbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Open List"><br/><br/>
			</div>
			</div>
			<div id="networkweightedbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Weighted List"><br/><br/>
			</div>
			</div>
			<div id="networkweightedcontinuousbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Weighted Continuous List"><br/><br/>
			</div>
			</div>
			<div id="networkrankorderbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Rank Order"><br/><br/>
			</div>
			</div>
			<div id="sociocognitivebutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Socio-cognitive Network List"><br/><br/>
			</div>
			</div>
			<div id="cancelbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-inverse" value="Cancel"><br/><br/>
			</div>
			</div>
			<div id="saveprogressbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-inverse" value="Save Progress"><br/><br/>
			</div>
			</div>
			</div>
		</form>
	</div>
	</div>
	</div>
	<div class="tab-pane fade active in" id="first" style="text-align:left">
	<div class= "span3">
	<div class="hero-unit" style="background-color:#888;border:none;text-align:left">
	<p>Before creating a network type question, you need to import an entity class data.</p>
	<form id="createsurveyform" method="post" action="createsurvey.do">
		<input type="submit" name="button" class="btn btn-primary" value="Import Entity Data"><br/><br/>
	</form>
	<p>Please associate a mailing list for this survey.</p>
	<form id="createsurveyform" method="post" action="createsurvey.do">
		<input type="submit" name="button" class="btn btn-primary" value="Associate Mailing List"><br/><br/>
	</form>
	</div>
	</div>
	</div>
	</div>
	<!-- <div class="hero-unit" style="background-color:#888;border:none;text-align:left">
		<p>All Question Type</p>
		<form id="createsurveyform" method="post" action="createsurvey.do">
			<div class="row">
			<div id="binarybutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Binary"><br/><br/>
			</div>
			</div>
			<div id="openendedbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Open Ended"><br/><br/>
			</div>
			</div>
			<div id="likertbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Likert"><br/><br/>
			</div>
			</div>
			<div id="multiplechoicebutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Multiple Choice"><br/><br/>
			</div>
			</div>
			<div id="continuousbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Continuous"><br/><br/>
			</div>
			</div>
			<div id="networkbinarybutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Binary List"><br/><br/>
			</div>
			</div>
			<div id="networkopenbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Open List"><br/><br/>
			</div>
			</div>
			<div id="networkweightedbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Weighted List"><br/><br/>
			</div>
			</div>
			<div id="networkweightedcontinuousbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Weighted Continuous List"><br/><br/>
			</div>
			</div>
			<div id="networkrankorderbutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Network Rank Order"><br/><br/>
			</div>
			</div>
			<div id="sociocognitivebutton">
			<div class="span4 columns">
				<input type="submit" name="button" class="btn btn-primary" value="Socio-cognitive Network List"><br/><br/>
			</div>
			</div>
			</div>
		</form>
	</div> -->
	</div>
</div>
<!--Create another space for contents' extension  -->
</div>

<jsp:include page="template-foot.jsp" /> 